/*
 * @Descripttion: 
 * @version: 
 * @Author: zero
 * @Date: 2020-04-27 22:27:03
 * @LastEditors: zero
 * @LastEditTime: 2020-04-28 17:23:35
 */
import React from 'react';
import './index.less'
import { Button,Badge  } from 'antd';
import { connect } from 'umi';
//头部顶部组件
function HeadTop (props) {
  return (
    <div className="headTop_ccontent">
      <div className="content">
        <span className="welcome">{props.searchValue}</span>
        <div className="info_group">
          <Button type="link" >登录</Button>
          <div className="line10">|</div>
          <Button type="link" >注册</Button>
          <Button type="link" style={{ marginLeft: '35px' }}>我的购物车</Button>
          <Badge count={12}></Badge>
        </div>
      </div>
    </div >
  )

}
const mapStateToProps = ({ headSearch, headTop }) => {
  console.log(headSearch, headTop)
  return { ...headSearch, ...headTop};
};

export default connect(mapStateToProps)(HeadTop); ;